.chunkitem {
    width: 100%; 
    // background-color: #fff;
    border-radius: 15px;  
    height: 100%;


    .spin,
    .empty {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

    }


    .chunk_content {
        width: 100%;

        .markdown-body {
            width: 100% !important;
        }

        .chunk_content_item {
            min-height: 100px;
            border: 1px solid #cecece;
            margin: 15px;
            border-radius: 15px;
            padding: 15px;
            font-size: 13px;
            position: relative;

            .tool {
                width: 70px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-radius: 5px;
                background-color: #fff;
                padding: 5px 10px;
                position: absolute;
                right: 15;
                top: 10;
                font-size: 18px;
                box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

            }

            .chunk_content_item_title {
                color: #676f83;
            }
        }

        .chunk_content_item:hover {
            background-color: #f5f7f9;

            .markdown-body {
                background-color: #f5f7f9;
            }
        }

        .chunk_content_childer {
            display: table;
            min-width: 0px;
            background-color: #edeff3;
            margin: 8px 0px;
            padding: 3px 8px;
            border-radius: 3px;
        }

        .chunk_content_childer:hover {
            background-color: #d1e0ff;
        }


        .footer {
            background-color: pink;
        }
    }

    .ant-collapse-header {
        margin-top: 10px;
        padding: 0 !important;
    }

    .ant-collapse-content-box {
        padding: 0 !important;
        border-left: 2px solid #296dff;
        padding-left: 10px !important;
    }

}